.section-export {
	padding-bottom: 100px;
}

.export-card__title {
	font-size: 21px;
	font-weight: 300;
	color: $gray-dark;
	margin-bottom: 16px;
	clear: left;
}

.export-card__subtitle {
	font-size: 14px;
	color: $gray-dark;
}

.export-card__spinner-button {
	float: right;
	padding: 8px;
}

.export-card__export-button {
	float: right;
}

.export-card__placeholder-select {
	animation: loading-fade 1.6s ease-in-out infinite;
}

.export-card__advanced-settings {
	padding-bottom: 50px;
}

.export-card__advanced-settings-title {
	font-size: 21px;
	font-weight: 300;
	color: $gray-dark;
	margin-bottom: 16px;
}

.export-card__advanced-settings-description {
	font-size: 14px;
}

.export-card__advanced-settings-row {
	@include breakpoint( ">960px" ) {
		display: flex;
		flex-wrap: wrap;
	}
}

.export-card__option-fieldset {
	margin-top: 10px;

	@include breakpoint( ">960px" ) {
		margin-top: inherit;
		flex: 1;
	}
}

// The following specificity is required to override the form-label selector:
// .form-label input[type="checkbox"] + span { font-weight: normal }
.export-card__option-fieldset-legend .export-card__option-fieldset-legend-text {
	font-weight: bold;
}

.export-card__option-fieldset-description {
	font-size: 14px;
	color: $gray;
	padding-left: 24px;
	padding-right: 24px;
}

.export-card__option-fieldset-fields {
	padding-left: 24px;
	padding-right: 24px;

	select {
		width: 100%;
	}
}

.guided-transfer-card__options {
	display: flex;
	font-size: 14px;
}

.guided-transfer-card__options-header-title-container {
	flex-grow: 1;
}

.guided-transfer-card__options-header-button-container {
	margin: auto;
}

.guided-transfer-card__title {
	font-size: 21px;
	font-weight: 300;
	color: $gray-dark;
	clear: left;
}

.guided-transfer-card__subtitle {
	color: $gray;
	font-style: italic;
	font-size: 14px;
}

.guided-transfer-card__price {
	font-style: normal;
	font-size: 18px;
}

.guided-transfer-card__details {
	background-color: lighten( $gray-light, 2% );
	font-size: 14px;
}

.guided-transfer-card__details-container {
	display: flex;
}

.guided-transfer-card__details-title {
	color: $gray-dark;
	font-weight: 600;
	margin-bottom: 12px;
}

.guided-transfer-card__details-text {
	flex-basis: 60%;
	color: $gray;
}

.guided-transfer-card__feature-list {
	color: $alert-green;
	flex-basis: 40%;

	.guided-transfer-card__feature-list-item {
		list-style-type: none;
		text-indent: -24px;
		margin-bottom: 8px;
	}

	.guided-transfer-card__feature-icon {
		margin-right: 6px;
		margin-top: -4px;
		vertical-align: middle;
	}
}

.guided-transfer-card__feature-text {
	color: $gray;
}

.guided-transfer-card__in-progress {
	padding-top: 32px;
	padding-bottom: 32px;
	font-size: 16px;
	text-align: center;

	@include breakpoint( ">660px" ) {
		padding-left: 128px;
		text-align: left;
	}
}

.guided-transfer-card__in-progress-icon {
	margin: 16px auto;
	width: 48px;
	height: 48px;
	padding: 14px;
	border-radius: 50%;
	background-color: darken( $gray, 20% );
	color: $gray-light;

	@include breakpoint( ">660px" ) {
		position: absolute;
		margin-left: -96px;
		margin-top: 16px;
	}
}

.guided-transfer-card__in-progress-title {
	font-size: 24px;
	font-weight: 300;
	color: $gray-dark;
}

.guided-transfer-card__unavailable-notice {
	background-color: $gray-dark;
	border-radius: 3px;
	color: $gray-light;
	padding: 5px 12px;
}

.guided-transfer-card__unavailable-info-icon {
	vertical-align: middle;
	padding-left: 5px;
}

.guided-transfer-card__unavailable-info-icon.info-popover .gridicon:hover,
.guided-transfer-card__unavailable-info-icon.info-popover.is_active .gridicon {
	color: $gray-light;
}
